{% extends 'base.html' %}
{% block main %}
    <div class="layui-row">
        <div class="layui-col-md4 layui-col-md-offset4">
            <div class="layui-tab layui-tab-card" lay-filter="demo">
                <ul class="layui-tab-title">
                    <li class="layui-this">登录</li>
                    <li>注册</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <form class="layui-form layui-row layui-col-space10 layui-form-pane">
                            <div class="layui-col-md12 layui-col-xs12">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">账号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" required="" lay-verify="username"
                                               placeholder="请输入账号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <label class="layui-form-label">密码</label>
                                    <div class="layui-input-block">
                                        <input type="password" name="password" required="" lay-verify="password"
                                               placeholder="请输入密码" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <a class="layui-btn layui-btn-fluid" lay-filter="login"
                                       lay-submit>登录</a>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="layui-tab-item">
                        <form class="layui-form layui-row layui-col-space10 layui-form-pane">
                            <div class="layui-col-md12 layui-col-xs12">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">账号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" required="" lay-verify="username"
                                               placeholder="请输入账号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <label class="layui-form-label">密码</label>
                                    <div class="layui-input-block">
                                        <input type="password" name="password" required="" lay-verify="password"
                                               placeholder="请输入密码" autocomplete="off" class="layui-input">
                                    </div>
                                </div>


                                <div class="layui-form-item">
                                    <a class="layui-btn layui-btn-fluid" lay-filter="register"
                                       lay-submit>注册</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block footer %}
    <script src="/static/js/login.min.js"></script>
{% endblock %}